function render(game, el) {
  const template = `
    <div 
      class="map"
      :style="{
        width: game.mapWidth + 'px',
        height: game.mapHeight + 'px'
      }">
      <div 
        v-if="game.player"
        class="mob player"
        :style="game.player.cssObject"
      >
        <div class="hp-bar-wrapper">
          <div class="hp-bar"><div :style="{
            width: (100 * game.player.hits / game.player.hits_max).toFixed(0) + '%'
          }"></div></div>
        </div>
      </div>
      <div 
        v-if="game.monster"
        class="mob monster"
        :style="game.monster.cssObject"
      >m</div>
    </div>
  `
  el.id = "app"
  el.innerHTML = template
  new Vue({
    el,
    data() {
      return {
        game
      }
    }
  })
}